<template>
  <basic-container>
    <el-divider class="divider-wrap" content-position="left"
      >风格设置</el-divider
    >
    <div class="style-btn">
      <el-button type="primary" @click="defaultStyleBtn">默认风格</el-button>
      <el-button type="success" @click="pullDownBtn">下拉风格</el-button>
    </div>
  </basic-container>
</template>
<script>
import { setTheme, setFontSize } from '@/util/util'
import { mapGetters } from 'vuex'
export default {
  data () {
    return {}
  },
  methods: {
    //默认风格按钮点击
    defaultStyleBtn () {
      this.$store.commit('updatepageStyle', '1')
      location.reload()
    },
    //下拉风格按钮点击
    pullDownBtn () {
      this.$store.commit('updatepageStyle', '2')
      location.reload()
    }
  }
}
</script>
<style scoped>
.divider-wrap {
  margin: 20px 0 !important;
  text-align: center;
}
.style-btn {
  padding: 20px;
}
</style>
